Top 18 Stunning HTML Horizontal Menu Scripts

1. MenuStation - Real Unlimited Responsive Menu

featured image

Real Unlimited Menu

Submenu HTML Content for Multi Purpose

Navion – Metro Navigation Menu Accordion Switcher CSS

OneMenu – Responsive Metro UI Menu

MenuStation – Unlimited Responsive Menu

More Details

2. Apycom jQuery Menus

Apycom jQuery Menus

Full cross-browser compatibility, Fully accessible even when javascript is turned off, as a pure css menu, Search engines optimized, Clear unordered list (LI and UL HTML tags) structure, Easy to setup and update, Fantastic animation and transition effects, Multiple pre-desinded color schemes, Completely customizable styling with CSS, Powered by jQuery,

Extremely small - 3kb uncompressed

More Details

3. Smart Responsive Menu

featured image

Smart Responsive Menu is powerful dropdown menu solution that will work with mobile devices and different screen sizes. Menu relies on CSS media queries to modify menu display for different resolutions. For less than 480px, menu changes from horizontal navigation bar CSS into vertical and gets hidden behind the menu item. Due to the many differences between mobile browsers, different support for CSS, menu must use JavaScript to make up for these problems. There is no way to make menu horizontal CSS universally work without use of JavaScript. You will get the partial HTML markup you can use for your project.Menus are fully responsive, and they will work fine on the small screens (mobile/touch devices) and will turn from horizontal to vertical for easier navigation with a limited space.Plugin control is done by combining CSS classes on the menu element with many options available with the jQuery plugin.You can combine different effects to display the menu:

Menu Links: with three types of characters and arrows

Various demos and examples to show how menu can be set

Added: Vertical menu open/close animation

Fixed: Box-shadow effect for jQuery slideshow responsive state

More Details

4. Zozo Tabs

featured image

Zozo Tabs is a user-friendly, fully customizable, responsive jQuery tabs plugin to take any HTML content, including images, video, forms, maps, image slider and galleries and display it in a clean organised and responsive tabbed navigation. Some of it’s key features includes: vertical tabs, horizontal tabs, responsive tabs, deep-linking, powerfull API, CSS3 transition with fallback, 6+ sizes, 10+ themes, 14+ templates, 10+ positions, 65+ options and much more. Live Demos | Extended HTML documentation | Support

Added: Option maxRows which will be used to switch to JavaScript dropdown menu when executed

Added: Option minWindowWidth which will be used switch to dropdown menu

Touch-Enabled – Tabs are displayed in a horizontal dropdown menu bar CSS with touch enabled events and fast CSS3 Transitions, view Mobile Tabs

10 Flexible ways to position – Tabs are very flexible and customizable, horizontal and vertical Tabs and it can be positioned in 10 Flexible ways, view Positioning demo

HTML Content – Put absolutely any HTML content, images, video, forms, maps, image slider and galleries

Orientation – Zozo Tabs suppports horizontal and vertical tabs, view Orientation demo

Automatically Scrolling – When clicking on tabs/downlown menu on smaller screens, it will scroll automatically to show your content. 14 Example HTML pages

More Details

5. iNav - CSS3 Menu

featured image

This is a CSS3 navigation menu mega menu with 4 variants (horizontal, sticky footer, vertical left and vertical right), 11 premade color schemes and a lot of nice features.Horizontal Menu

Sticky Footer Menu

Vertical Left & Right Menu

Unlimited Menu Levels

Pure CSS3 & HTML

If you want to save a lot of time developing you should do what I did, buy this menu, customize it and be happy all day long.“Excellent menu , easy to customize , and the support is great .

More Details

6. Path Style Menu

featured image

Path style menu

This is a multi-level menu inspired by Path 2.When the user presses or clicks the button, menu items expand and place themselves around the main button forming an arc, a circle, line up horizontally or vertically. To close the menu the user needs to either selects one of the options presented or press the main button again.If multiple levels are nested, then clicking a sub menu horizontal HTML will produce the back button allowing the user to go back to the previous menu selection.Fixed the arc style menu on iOS where the menu was jumpy when scrolling the page. Fixed inline menu bug where the menu items alignment got distorted if scrollbars were present in the page. Added a new option to allow stopping an expanded menu from collapsing when clicking in the document window. Menu items could be seen travelling from the top edge of the screen towards where the main button sits. In Firefox, there was a flicker when expanding the menu, while this was fixed before it kept creeping up in later

Fixed an issue on touch devices where the inline menu wasn’t showing at all. The menu items would remain partially

Ensured that the menu doesn’t get hidden by accident, i. you end up selecting the menu in your css when creating

When the menu loads the first time, you see it in motion as it hides behind the main button. You can now setup the entire menu in javascript or do things as

onItemButtonClick—fires for a menu item button

Fixed an inconsistency with the automatic expansion of the menu in page load. using css to style the buttons, which was also the default in previous versions, will want to prefix the menu id with the

CSS menu code identifier i. where menu1 is the id of your menu. on the user but this added more room for confusion and more manual steps to make the inlined menu behave as one would expect

This is now handled by the menu internally. passed in as an option to the menu constructor. When passing a simple set of string values to the items property eg: {items: ‘Menu 1’, ‘Menu 2’,

‘Menu 3’} vs the much richer format, the value parameter passed to the onSelectedItem event handler turned up null. when a menu item is active (i. clicked) which collapses the menu items all together, clicking into the document again

expands the menu with the clicked element not showing. The menu shouldn’t expand nor should the clicked element be

menu. Added support for automatically opening the menu on page load. Added support for automatically collapsing the menu after it was automatically expanded on page load.Added high z-index order support for the menu when on inline mode.Added support for docking the menu in the Left Top Corner, Right Top Corner and Bottom Right Corner. Added support for inlining the menu. We now support 11 different styles of laying out the menu:

Added support for multiple instances of the menu

Extended the api and exposed new methods and properties, specifically ones you can use to add menu navigation wordpress items dynamically. scenarios, such as adding menu items at runtime. This resulted in the menu not doing

Added a default z-index order to ensure that the menu is always above all other elements on the page where it

Added support for closing menu when clicking into the document. to get tooltip on your menu items. onSelectedItem handler now includes the clicked menu items title as well, which is passed in the callbacks

Horizontal scrollbar thickness wasn’t compensated for when placing the menu in the lower left corner of the viewport.Fixed positioning bug where if you had only a single menu item and with the proper curve set it would still remain hidden

behind the main menu. Fixed reference only (debug mode) element hierarchy generator where an extra menu item was included in the output. Basically when you had more than 1 sub level on more than 1 menu item, there

Fixed a bug that affected the first menu item. when clicking the first menu item it wouldn’t scale out when scrolling

arc as menu items can vary in number from submenu to submenu. Now if enableUrlHash is true ( false by default), then when you click on a menu item

Documented a debug feature that will print out your menu structure so you can see what your menu’s id’s look like

html file found in the home folder to bring to speed with the recent changes. —now proper cleanup is taking place when the menu is disposed of.html that showcases setting the curve pattern of the sub menu CSS items. —Added a demo page which only includes the menu reducing chances for distraction.

More Details

7. Mega Navigation Menu Pack With Menu Maker

featured image

It Comes With drop down Menu Maker To Create Menus Quickly.Just Copy Paste Generated Code To Your Web page Add Css And Javascripts And Your menu Is Ready To use…

Included 1 Video Tutorial On How To Use Drop Down Menu Maker And Html Documentation On How To Use Css And Javascripts As Per Your Need

60+ Backgrounds for menu CSS3 horizontal Down Menu 18+ Background For Vertical Drop Down menus

Cross-Platform Compatibility For wordpress vertical dropdown menu Maker

Included Javascripts For Floating Vertical menu And Sticky Vertical Menu

Included Javascript To Auto Convert Horizontal Menu To CSS vertical menu On Scroll

Horizontal Menu With Slider

Sticky Floating Menu

Slide Down Menu (Dynamite Menu)

Sucker-fish style Horizontal Menu

Updates In dropdown menu with images jQuery Maker

Added Functionality to Add Side Icones In Menu Items

Dropdown Menu Maker Can Now Genrate Organized Code With Comments So It’s Easy To Customize

More Details

8. CSS Photo Gallery Menu

featured image

A simple Photo Gallery menu made using only css.it is possible to use horizontal and vertical photos. HTML & CSS validated.

More Details

9. Responsive Vertical Dashboard Menu

featured image

Responsive Vertical Dashboard Menu using Jquery ,html and css. This menu compatible for all devices resolution. You can use this Responsive Vertical Dashboard Menu in your projects.3 menu variant (Vertical, Minimalist Vertical, Horizontal(Top))

More Details

10. Smart Responsive Breadcrumbs

featured image

For less than 480px, menu changes from horizontal navigation bar CSS into vertical and gets hidden behind the menu item. You will get the partial HTML markup you can use for your project.Breadcrumbs are fully responsive, and they will work fine on the small screens (mobile/touch devices) and will turn into menu for easier navigation with a limited space.You can combine different effects to display the menu:

Various demos and examples to show how menu can be set

Added: New effect for compact menu display

More Details

11. DeepMenu - multi level navigation menu

featured image

DeepMenu is a multi-level navigation menu with four different transitions between layers and nearly 20 other properties for customization. If JavaScript is disabled, it works as a horizontal dropdown menu CSS menu.JS, CSS and HTML files

More Details

12. UberMenu - WordPress Mega Menu Plugin

featured image

UberMenu is a user-friendly, highly customizable, responsive Mega Menu WordPress plugin. It works out of the box with the simple dropdown menu Menu System, making it simple to get started but powerful enough to create highly customized and creative mega menu configurations.Works out of the box with most WordPress 3 Menu-Enabled Themes

Integrates directly with the wordpress 3 navigation menu Menu Management System – work with the system that you know and love!

Vertical and responsive menu design

Use the menu with or without jQuery Enhancements

Add an Image to any Menu Item through the Featured Image interface

Add Descriptions to any Menu Item at any level

Supports shortcodes and custom HTML buttons content for complete customization potential

Ability to create image-only menu items (no text)

Menu is fully widgetized with unlimited widget areas!

Drag and drop Widgets into the dropdown CSS menu areas with ease

Menu styles are CSS-driven

Use of the WordPress 3 Menu System

A Theme that properly implements the WordPress 3 Menu System, using the wp_nav_menu() function with the theme_location parameter.UberMenu will not automatically adopt the style of your theme’s menu. You can change the menu that appears on an individual Page or Post using the Menu Swapper plugin.* Added first menu item hover border radius for style generator

* Fixed CSS issue with jQuery responsive menu tutorial bars button

* Added mobile menu interface to all iOS devices (easier closing of menu)

* Improved responsive theme handling to avoid duplicating mega menu

* Ability to HTML5 navigation menu items within menu bar CSS

* Revised menu item options to use a single variable (increases menu item limit imposed by PHP)

* Enhancement: easy centering of menu CSS vertical

com/wordpress-plugins/responsive-wordpress-mega-menu

* wp-uber-menu.* wp-uber-menu-admin.* Menu thumbnail SSL support

* Top level widget capabilty - add a search box widget to your menu bar!

* Auto Align second-level menu items option

* Support for image-only menu items (no text)

There were a variety of changes, so if you are upgrading, be sure to back up your old wp-uber-menu folder before installing the ipad new version

2 makes the Menu Item Image support more robust. Depending on how the relevant theme is implemented, in certain cases it can keep the plugin from enabling featured images on menu items and vice versa.

More Details

13. HTML5 Dock Menu Gallery

featured image

Highly customizable HTML5 Dock Menu XML with a nice design. This jQuery slideshow vertical gallery can be used horizontaly or verticaly, also it has unique presets with pre-defined movements and presentations. All you need in order to setup the dock menu gallery in your HTML document is just one line of code.Dock Menu Features:

set the dock menu gallery images space

set the horizontal or vertical presentation

the performance of this product is so good that you can have multiple dock menu gallery instances set to autoplay in the same page of your project or website

More Details

14. Responsive Mega Menu Complete Set

featured image

NEW – THIS MENU IS NOW FULLY RESPONSIVE !

This Mega Drop Down Menu Complete Set is perfect for creating unique menus by using one of the 9 jQuery effects and one of the color schemes. Based on a custom grid, this menu allows you to organize your content into columns (from 1 up to 12) with a lot of typography examples such as headings, lists, images styling, tables, form elements, etc.Horizontal and vertical versions

Fly-out Menu with Unlimited Sublevels

This menu has been tested (and works !) in all the following browsers :

Added a fixed version of the menu (changes in megamenu.Changed the behavior of the menu on mobile devices : the CSS menu bar generator becomes a button to toggle the menu on small screen resolutions. The whole menu is now fully responsive

Adapted all the HTML files according to the above changes

This is an important update that was necessary to improve this menu and make it responsive. Updating from any previous version will require to check all the assets and adapt your HTML markup.Rewrote entirely the menu CSS vertical script

Improved / modified the mega menu dropdown wordpress CSS markup

All menu variants use the same assets (JS, CSS)

I’ve also created a website that compares and filters my different menus by options / features, Mega-Menu. If you’re still not sure about the menu that would fit into your project, you can contact me at any time from my profile page.

More Details

15. Path Style Menu

featured image

Path style menu

This is a multi-level menu inspired by Path 2.When the user presses or clicks the button, menu items expand and place themselves around the main button forming an arc, a circle, line up horizontally or vertically. To close the menu the user needs to either selects one of the options presented or press the main button again.If multiple levels are nested, then clicking a CSS sub menu will produce the back button allowing the user to go back to the previous menu selection.Fixed a regression bug with multi-level menu items. This allows you to manually embedd the js and html required to

render the menu instead of relying on wordpress hooks that some themes skip to call. Fixed the arc style menu on iOS where the menu was jumpy when scrolling the page. Fixed inline menu bug where the menu items alignment got distorted if scrollbars were present in the page. Added a new option to allow stopping an expanded menu from collapsing when clicking in the document window. Menu items could be seen travelling from the top edge of the screen towards where the main button sits.Fixed an issue that existed when creating a menu using CSS horizontal the wordpress menus feature, where if only part of the menu was

selected, then this resulted in no the pathmenu not recognizing the menu data at all. Upgraded the plugin with the latest version of the path menu v3.Fixed an issue on touch devices where the inline menu wasn’t showing at all. The menu items would remain partially

Ensured that the menu doesn’t get hidden by accident, i. When the menu loads the first time, you see it in motion as it hides behind the main button.Added support for automatically opening the menu on page load. Added support for automatically collapsing the menu after it was automatically expanded on page load. We now support docking the menu in all 4 corners of the screen, in fixed mode. menu. You can use shortcode or force the menu to show on all pages by a simple setting in the menu configuration. We now support inlining the menu alongside your content in the normal page flow via shortcode. When the menu is used in

Line Middle Horizontal – Items expand horizontally from either side of the main button ( left and right ), while the main

As in previous versions, you can customize the icons and configure the menu through it’s admin pages. Placing the menu within the page flow with short_code

New full 360deg placement of menu items around main menu in a circle, when menu is placed within page flow. touching the menu. index order by default to ensure that the pure CSS menu all other elements. Now all your menu items are listed in a treeview that includes an image picker. This is useful when you want to add some logic to the selected menu item

handler exposed by the menu i. Added the ability to limit the menu’s display on pages, by post type.

More Details

16. Tabs!

featured image

CSS3 Accordion Menu

Add text paragraphs, images or even HTML content!

‘Tabs’ is a simple CSS3 buttons Accordion menu without javascript or jquery – made with HTML5 and CSS3. The content can be a plain text paragraph, an image, a video or HTML content.Add texts, images or HTML content

Vertical and horicontal accordion menu

Horizontal accordion menu!

Better documentation in the HTML and the CSS file!

‘Tabs’ is the most simple accordion menu.

More Details

17. Scroll Content Presenter

featured image

Scroll Content Presenter builds the CSS navigation menu for you based on the structure of your HTML.Vertical and horizontal navigation

Generate navigation menu for you

More Details

18. Responsive CSS3 Dropdown Menu

featured image

Css3 Dropdown Menu

html

html

html

html

html

html

html

html

html

html

More Details

19. Fading Menu with Notification Bar and Social Icons

featured image

About fading menu buttons with CSS navigation bar tutorial

Fading Menu with notification Bar is a custom navigation menu wordpress plugin that will allow you to add your navigational menu (main menu or HTML5 menu bar defined by you) along with notification bar at the top of your browser. WordPress Fading Menu will implement a HTML simple navigation menu that will turn on after a visitor scrolls down your page a bit. To see it in live action simply scroll down a bit and you will see the menu appearing at the top of your browser. The position where menu appears can be set via Administration Panel (in pixels from the top). The menu picks the data from your main horizontal menu CSS or from an additional menu that you can build in your WordPress Apperance/Menu settings. Social icons can be added to the right part of the fading menu. There is no limitation to how many social icons you can add (apart from the horizontal space). HTML version of Radial

More Details